<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>饿没了商家主页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/merchant-homepage.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/jQuery3.7.1.js"></script>
</head>

<body>
    <div class="main-container">
        <!-- 头部区域 -->
        <header class="header">
            <a href="./merchant-homepage.html" class="logo-link">
                <h1 class="logo-text">饿没了商家版</h1>
            </a>
            <span class="merchant-store-name">小辉辉牛瘪火锅</span>
        </header>

        <!-- 左侧导航栏 -->
        <nav class="left-nav">
            <ul class="nav-options">
            <li><a href="./merchant-homepage.html" class="nav-option active" target="_self"><span class="glyphicon glyphicon-home"></span>&nbsp;首页</a></li>
            <li><a href="./merchant-order.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;订单</a></li>
            <li><a href="./merchant-product.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;商品</a></li>
            <li><a href="./merchant-finance.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-stats"></span>&nbsp;财务</a></li>
            <li><a href="./merchant-activity.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-calendar"></span>&nbsp;活动</a></li>
            <li><a href="./merchant-review.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-comment"></span>&nbsp;评价</a></li>
            <li><a href="./merchant-settings.html" class="nav-option" target="_self"><span class="glyphicon glyphicon-cog"></span>&nbsp;设置</a></li>
        </ul>
    </nav>

        <!-- 右侧内容区域 -->
        <section class="right-content">
            <!-- 订单管理 -->
            <div class="order-management">
                <h2 class="section-title">订单管理</h2>
                <hr>
                <div class="order-status">
                    <div class="order-status-item">
                        <p class="order-count">0</p>
                        <p class="order-note">未处理订单</p>
                    </div>
                    <div class="order-status-item">
                        <p class="order-count">1</p>
                        <p class="order-note">已催订单</p>
                    </div>
                    <div class="order-status-item">
                        <p class="order-count">2</p>
                        <p class="order-note">取消订单</p>
                    </div>
                    <div class="order-status-item">
                        <p class="order-count">3</p>
                        <p class="order-note">异常订单</p>
                    </div>
                </div>
            </div>

            <!-- 待处理反馈 -->
            <div class="pending-feedback">
                <h2 class="section-title">待处理反馈</h2>
                <hr>
                <div class="feedback-item">
                    <p class="feedback-count">12</p>
                    <p class="feedback-note">未回复差评</p>
                </div>
                <div class="feedback-item">
                    <p class="feedback-count">2</p>
                    <p class="feedback-note">未回复评价</p>
                </div>
            </div>

            <!-- 今日总览 -->
            <div class="today-overview">
                <h2 class="section-title">今日总览</h2>
                <hr>
                <div class="overview-item">
                    <p class="overview-count">20</p>
                    <p class="overview-note">今日订单数</p>
                </div>
                <div class="overview-item">
                    <p class="overview-count">1000</p>
                    <p class="overview-note">今日营业额</p>
                </div>
            </div>

            <!-- 活动管理 -->
            <div class="activity-management">
                <h2 class="section-title">活动管理</h2>
                <hr>
                <div class="activity-item">
                    <p class="activity-count">121</p>
                    <p class="activity-note">已参加活动</p>
                </div>
                <div class="activity-item">
                    <p class="activity-count">21</p>
                    <p class="activity-note">可参加活动</p>
                </div>
            </div>
        </section>
    </div>
</body>

</html>